/* 
 * Estatisticas gerais
 * Este gráfico apresenta os valores gerais dos dados colhidos com os palms
 */
function ConsultaGeral(){

    //pega os dados no formato json gravado pela action
    var proxy=new Ext.data.HttpProxy(   {
        url:'consultalocal.do'
    } );

    var reader=new Ext.data.JsonReader(
    {
        totalProperty:'total',
        root:'localpesquisa',
        remoteSort: false,
        fields: [
        'codigo',
        'local',
        'data',
        'login',
        'status'
        ]
    });

    //Store
    var store=new Ext.data.Store(    {
        proxy:proxy,
        reader:reader
    });

  
    store.load();


    // cria??o da grid
    var tabelaLocaPesquisa =  new Ext.grid.GridPanel({
        id:'tabela-pesquisa-locais',
        store:store,
        loadMask: true,//apenas mostra a anima??o de carregamento
        title:'Consulta dos Locais de Pesquisa',
        frame:true,
        width:330,
        height:300,
        columns:[
        {
         
            header: "CODIGO",
            width: 50,
            align:'center',
            sortable: true,
            dataIndex: 'codigo'
        },

        {
            header: "LOCAL",
            width: 170,
            align:'center',
            sortable: true,
            dataIndex: 'local'
        },

        {
            header: "STATUS",
            width: 65,
            align:'center',
            sortable: true,
            dataIndex: 'status'
        }
        ],
          tbar: new Ext.Toolbar({
            buttons: [
            {
                text:'&nbsp;&nbsp;Refresh',
                xtype: 'tbbutton',
                icon: 'images/refresh.png',
                handler: function(){
                   store.reload();

                }
            }

            ]
        })
        
    })

    tabelaLocaPesquisa.show();

    /***************************TABELA PESQUISADOR*************************************/
    var proxy2=new Ext.data.HttpProxy(   {
        url:'consultapesquisador.do'
    } );

    var reader2=new Ext.data.JsonReader(
    {
        totalProperty:'total',
        root:'pesquisadores',
        remoteSort: false,
        fields: ['codigo','nome','status']
    });

    //Store
    var store2 = new Ext.data.Store(    {
        proxy:proxy2,
        reader:reader2
    });


    store2.load();

    // cria??o da grid
    var tabelaPesquisador =  new Ext.grid.GridPanel({
        id:'tabela-pesquisador',
        store:store2,
        loadMask: true,//apenas mostra a anima??o de carregamento
        title:'Consulta de Pesquisadores',
        frame:true,
        width:330,
        height:280,
        columns:[
        {
            header: "CODIGO",
            width: 50,
            align:'center',
            sortable: true,
            dataIndex: 'codigo'
        },
        {
            header: "NOME",
            width: 170,
            align:'center',
            sortable: true,
            dataIndex: 'nome'
        },
        {
            header: "STATUS",
            width: 65,
            align:'center',
            sortable: true,
            dataIndex: 'status'
        }
        ],
          tbar: new Ext.Toolbar({
            buttons: [
            {
                text:'&nbsp;&nbsp;Refresh',
                xtype: 'tbbutton',
                icon: 'images/refresh.png',
                handler: function(){
                   store2.reload();
                }
            }
            ]
        })
    })

tabelaPesquisador.show();

    /***************************TABELA PROGRAMAÇÃO********************************/
    var proxy3=new Ext.data.HttpProxy(   {
        url:'consultaprogramacao.do'
    } );

    var reader3=new Ext.data.JsonReader(
    {
        totalProperty:'total',
        root:'programacao',
        remoteSort: false,
        fields: ['codigoPesquisa','local','codigoPesquisador','nomePesquisador',
                 'data','direcao','horaInicio','horaFim']
    });

    //Store
    var store3 = new Ext.data.Store(    {
        proxy:proxy3,
        reader:reader3
    });


    store3.load();

    // cria??o da grid
    var tabelaProgramacao =  new Ext.grid.GridPanel({
        id:'tabela-programacao',
        store:store3,
        loadMask: true,//apenas mostra a anima??o de carregamento
        title:'Consulta de Programações',
        frame:true,
        width:642,
        height:280,
        columns:[
        {
            header: "LOCAL",
            width: 150,
            align:'center',
            sortable: true,
            dataIndex: 'local'
        },
        {
            header: "PESQUISADOR",
            width: 170,
            align:'center',
            sortable: true,
            dataIndex: 'nomePesquisador'  /*'codigoPesquisa','local','codigoPesquisador',,'data',
                  'direcao','horaInicio','horaFim']*/
        },
        {
            header: "DATA",
            width: 90,
            align:'center',
            sortable: true,
            dataIndex: 'data'
        },
        {
            header: "DIREÇÃO",
            width: 90,
            align:'center',
            sortable: true,
            dataIndex: 'direcao'
        },
        {
            header: "HORA INICIO",
            width: 90,
            align:'center',
            sortable: true,
            dataIndex: 'horaInicio'
        },{
            header: "HORA FIM",
            width: 90,
            align:'center',
            sortable: true,
            dataIndex: 'horaFim'
        }
        ],
          tbar: new Ext.Toolbar({
            buttons: [
            {
                text:'&nbsp;&nbsp;Refresh',
                xtype: 'tbbutton',
                icon: 'images/refresh.png',
                handler: function(){
                   store3.reload();
                }
            }
            ]
        })

    })

tabelaProgramacao.show();

    // tabs for the center
    var tabConsulta = new Ext.TabPanel({
        region: 'center',
        id:'tab-consulta',
        name:'tab-consulta',
        bodyStyle:'padding:20px 20px 55px 20px;',
        margins:'3 3 3 0',
        activeTab: 0,
        rendred:true,
        defaults:{
            autoScroll:true
        },
        items:[{
            title: 'Locais de Pesquisa',
            closable:false,
            layout:'column',
            height:310,
            width:750,
            border:false,
            items:[{
                columnWidth:.6,
                border:false,
                layout: 'form',
                items: [tabelaLocaPesquisa ],
                anchor:"95%"
            },
            {
                columnWidth:.4,
                border:false,
                html:'<img src="images/balao-mensagem.png"/><br/><br/><font size=2>Todos os dados de <b>local de pesquisa</b> \n\
                           podem ser visualizados nesta tabela.</font>'
            }
            ]
           
        },{
            title: 'Pesquisadores',
            closable:false,
            layout:'column',
            height:300,
            width:750,
            border:false,
            items:[{
                columnWidth:.6,
                border:false,
                layout: 'form',
                items:[tabelaPesquisador],
                anchor:"95%"
            },
            {
                columnWidth:.4,
                border:false,
                html:'<img src="images/usuarioM.png"/><img src="images/usuarioF.png"/><br/><br/><font size=2>Todos os <b>pesquisadores</b> cadastrados \n\
                           estão sendo exibidos na tabela ao lado.</font>'
            }
            ]

        },{
            title: 'Programações',
            closable:false,
            width:750,
            height:300,
            items:[tabelaProgramacao]
        }]
    });



    var janelaEstatisticas;
    var button = Ext.get('consultas');

    button.on('click', function(){
        var pode = Ext.getCmp('janela');
        //cria uma janela no primeiro click e reusa nos demais clicks

        if(pode == null){
            //janela principal onde estão localizados todos os componentes
            janelaEstatisticas = new Ext.Window({
                title:'CONSULTAS',
                id:'janela',
                modal:true,
                closeAction:'hide',
                width : 700,
                height : 400,
                items : [tabConsulta]
            });
            janelaEstatisticas.show(this);
        }else{
            Ext.getCmp('janela').show();
        }
    });
}